<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
    <title>青藤CRM缴费系统</title>
    <meta name="keywords" content="智辉CRM">
    <meta name="description" content="智辉CRM">
    <link rel="Bookmark" href="favicon.ico">
    <link rel="Shortcut Icon" href="favicon.ico" />
    <!--[if lt IE 9]> 
    <script type="text/javascript" src="Lib/html5.js"></script>
    <script type="text/javascript" src="Lib/respond.min.js"></script>
    <script type="text/javascript" src="Lib/PIE_IE678.js"></script>
    <![endif]-->
    <link href="__PUBLIC__/css/H-ui.css" rel="stylesheet" type="text/css" />
    <link href="__PUBLIC__/lib/Hui-iconfont/1.0.6/iconfont.css" rel="stylesheet" type="text/css" />
    <link href="__PUBLIC__/css/style.css" rel="stylesheet" type="text/css" />
    <!--自己的样式-->
    <!-- <link href="Tpl/Assistant/common/expense/Center_index.css" rel="stylesheet" type="text/css"> -->
    <!--[if IE 6]> 
    <script type="text/javascript" src="Lib/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('.pngfix,.icon');</script> 
    <![endif]-->
    <style>
      .form-horizontal .Validform_checktip{margin-top: -4px}
    </style>
</head>

<body>
    <div class="pd-20">
  <form action="{:U('off')}" method="post" class="form_name form form-horizontal" id="cancel_ord" autocomplete="off" enctype="multipart/form-data">
                <input type="hidden" name="id" value="{$Think.get.id}"/>
      <div class="row cl" style="margin-top: 30px;">
                <label class="form-label col-3"><span class="c-red">*</span>取消原因：</label>
                <div class="formControls col-8">
                    <!-- <textarea class="textarea input_h height_all" value="" placeholder="" id="" name="remark" datatype="*" errormsg="" nullmsg="请输入取消原因"></textarea> -->
                    <span class="select-box">
                      <select class="select" name="remark" id="">
                        <option>订单误操作</option>
                        <option>已自行修复</option>
                        <option>其他原因</option>
                      </select>
                    </span>
                    
                </div>
                <div class="col-offset-3 mt-20"> </div>
            </div>
            
                <div class="row cl mt-20 mb-20" style="margin-top: 30px;">
                <div class="col-9 col-offset-3 margin_b">
                    <!-- <input class="btn btn-primary radius" type="submit" value="提交"> -->
                    <button type="submit" class="btn btn-primary radius input_h margin_b" id="btn_sub">提交</button>
                </div>
            </div>
            </form>
</div>
    
    
    <script type="text/javascript" src="__PUBLIC__/lib/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/H-ui.js"></script>
    
    <script src="__PUBLIC__/lib/layer/2.1/layer.js"></script>
    <script src="Tpl/Assistant/common/expense/layerui.js"></script>
    <script src="__PUBLIC__/Validform/5.3.2/Validform.min.js"></script>
    <script src="http://cdn.bootcss.com/jquery.form/3.51/jquery.form.min.js"></script>
    <script>
        $(function(){
            $(".form_name").Validform({
            tiptype:2,
            ajaxPost:true,
            showAllError:true,
            beforeSubmit:function(curform){
            
                curform.ajaxSubmit({
                type:'POST',
                url:'{:U('Service/WxOrder/off')}',
                success:function(data){
                  console.log(status);
                  if(data.status==true){
                      layer.msg("订单已取消");
                      var index = parent.layer.getFrameIndex(window.name);
                      setTimeout(function(){
                           parent.layer.close(index);
                      },1000);
                      parent.location.reload();

                  }else{
                    layer.msg(data.msg);
                  }
                  }
                });
             return false; 
            }
          });
        });

        $(function(){
            $("#cancel_ord").Validform({
            tiptype:2

          });

        });
    </script>
</body>

</html>

